
/* <copyright>

Author:
   Moch. Zamroni
   http://www.icreativelabs.com/
Roles:
   Slicing PNG, XHTML/CSS Handcode, Cross-browsing
Project Initiatior:
   iCreativeLabs
   http://www.icreativelabs.com/

</copyright> */

/* Clear Floated Elements
http://sonspring.com/journal/clearing-floats */

/* start */
/* etc */

.purple,
.page .purple,
.page .post .purple,
a.purple,
.purple a{
	/*color: #CF118C;*/
	color:#CF118C;
}
.page .gray,
.gray{
	color: #999;
}
.page .grey,
.grey{
	color: #666;
}
.dark,
.wrap .dark p{
	color: #24365D;
}
.black{
	color: #000;
}
.fade_black
{
	color:#333 !important;
}
.wrap{
	width: 960px;
	display: block;
	margin: 0px auto;
}
.w270{
	display: inline-block;
	width: 270px;
}
.w100{
	width: 100px;
}
.w400{
	width: 380px !important;
}
.w450{
	width: 450px;
}
/* font-size */
.f18{
	font-size: 18px;
}
.f17{
	font-size: 19px;
}
.font17{
	font-size:17px;
	margin-bottom:15px;
	}

.f16{
	font-size: 16px;
}
.f15{
	font-size: 15px !important;
	line-height: 130%;
}
.f14_normal{
	font-size:14px;
	}

.f14{
	font-size: 14px !important;
	line-height: 130%;
}
.f13{
	font-size: 13px;
	line-height: 130%;
}
.f12{
	font-size: 12px;
}
.f20{
	font-size: 20px;
}
.f22{
	font-size: 22px !important;
}
.f26{
	font-size: 26px;
}
/* header */

.bread{
	color: #CF118C;
	font-size: 13px;
	padding: 12px 0 12px 163px;
}
.bread a{
	color: #CF118C;
}
.prevnext{
	display: block;
	text-align: center;
	padding-top: 10px;
}
.prevnext a{
	padding: 2px 5px;
	color: #999;
	font-size: 13px;
	background-color: #E8E6E2
}
.prevnext a:hover,
.prevnext a.on{
	text-decoration:underline;
	}
.prevnext .prev,
.prevnext .next{
	float: left;
	font-size: 13px;
	border: 0px;
	color: #CF118C;
	background-color: transparent;
	margin-top: -4px;
}
.prevnext .next{
	float: right;
}
.localnews{
	color: #CF118C;
	font-size: 18px;
	font-weight: normal;
	display: block;
	border-bottom: 1px dotted #666;
	padding: 10px 0;
}
.localnews2{
	color: #666;
	font-size: 13px;
	padding:7px 0;
}
.localnews span{
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin: 3px 70px; /* 80px */
	text-align: center;
	display:inline-block;
}
.localnews span a{
	color: #999;
	margin:0px 4px
}
.localnews span a:hover,
.localnews span a.on{
	color: #CF118C;
	text-decoration:underline;
}
.localnews span img{
	vertical-align: middle;
	margin: 0 0 0 5px;
}
a.news_head {color:#000; line-height:1.2em;}
.localnews select{
	float: right;
	background: url(../img/form.gif) repeat-x top center;
	border: 1px solid #ABABAB;
	padding: 2px;
}
.localnews2 select{
	float: none;
}
/* sideleft */
.sideleft{
	width: 130px;
	float: left;
	position:relative;
	top:-33px;
	color:#333;
}
.sideleft ul.nav{
	list-style: none;
}
.sideleft .nav li a{
	text-decoration: none;
	border: 1px solid #BAB4AA;
	background: #AFA89D url(../img/bgnav.gif) repeat-x top left;
	display: block;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	padding: 4px 5px 5px 5px;
	margin-bottom: 5px;
}
.sideleft .nav li a span{
	color: #9F0F6F;
	font-weight: normal;
}
.sideleft .nav li a:hover{
	text-shadow: 1px 1px 1px #fff;
}
.sideleft h3{
	background-color: #820851;
	color: #fff;
	font-size: 15px;
	padding: 5px 10px;
	margin-top: 21px;
	font-weight: normal;
	margin-bottom:4px;
}

.sideleft a{
	color: #333333;
}
.sideleft .activ li{
	list-style: none;
	margin: 5px 0;
	background: #E8E6E2;
	border: 1px solid #C0BBB1;
	padding: 3px 7px;
}
.sideleft .activ li a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.sideleft .activ li a:hover{
	color: #CF118C;
}
.sideleft .adv img{
	margin: 15px 0 0 0;
}
/* sideright */
.sideright{
	float: right;
	width: 130px;
	position:relative;
	top:-33px;
	overflow:hidden
}
.sideright img
{
margin-bottom:6px;
}
.box hr{
	margin: 7px -10px;
	border: 0px;
	background-color: #fff;
	height: 2px;
	clear: both;
}
.box input[type=radio]{
	float: left;
	display: block;
	margin: 0 5px 20px 0;
}
.box input[type=text],
.box input[type=password]{
	border: 1px solid #fff;
	font-size: 13px;
	margin-bottom: 5px;
	padding: 3px 5px;
	background: url(../img/bginput.gif) repeat-x top left;
	width: 168px;
	text-align:left;
}
.box button{
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	margin-left: 20px;
}
.box button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.box button.no{
	margin: 0px;
}
.sideright .local li{
	list-style: none;
	margin: 5px 0;
	background: #E8E6E2;
	padding: 3px 7px;
}
.sideright .local li a{
	color: #000;
	text-decoration: none;
}
.sideright .local li a:hover{
	color: #CF118C;
}
.sideright h2 span{
	font-size: 10px;
	display: block;
}
.sideright h2{
	font-size: 17px;
}
/* page */
.page{
	display: block;
	width: 570px;
	float:left;
   margin: 20px 13px;
        
}
.page h2{
	border-bottom: 1px solid #262B30;
	border-top: 1px solid #262B30;
	padding: 10px 0;
	font-size: 19px;
	margin-bottom:8px;
	color: #fff;
}
.page h2.no{
	border-top: 0px;
}
.page h2 a{
	font-size: 12px;
	float: right;
	color: #820851;
	font-weight: normal;
	padding-top: 5px;
}
.page h2 a.purple{
	color: #CF118C;
}
.page h2.box{
	background: #E8E6E2;
	border: 1px solid #C0BBB1;
	padding: 7px 14px;
	margin-bottom: 5px;
}
.page h4{
	font-size: 15px;
	font-weight: normal;
	padding: 5px 0;
	border-bottom: 1px dotted #666;
	margin: 0 0 10px 0;
}
.page h4.no{
	border-bottom: 0px;
}
.page .black{
	color: #000;
}
.tab{
	display: block;
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
	list-style: none;
	height: 30px;
	padding-top: 15px;
}
.tab li{
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	display: block;
	float: left;
	text-align: center;
}
.tab li a{
	display: block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: url(../img/bgtab.gif) repeat-x bottom center;
	color: #000;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tab li a.on,
.tab li a:hover{
	background: url(../img/bgtab.gif) repeat-x top center;
	text-decoration: none;
}
/* tabs */
.tabs{
	display: block;
	background: url(../img/bg_tabs.gif) repeat-x top center;
	height: 48px;
}
.tabs ul{
	list-style: none;
	margin: 0 5px;
}
.tabs ul li{
	display: inline;
	float: left;
}
.tabs ul li a{
	display: block;
	color: #24365D;
	font: bold 12px/30px Arial, Helvetica, sans-serif ;
	background-color: #C0BBB1;
	text-align: center;
	padding: 0 10px;
	margin: 18px 3px 0 3px;
}
.tabs ul li a.on:hover,
.tabs ul li a.on{
	text-decoration: none;
	background-color: #fff;
	color: #24365D;
}
.tabs ul li a:hover{
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.tabs ul li span{
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #CF118C;
	position: absolute;
	margin: 3px 0 0 15px;
}
h2.title{
	border: 0px;
	font: normal 26px/100% Arial, Helvetica, sans-serif;
	color:#000
}
.by{
	font: bold 15px/140% Arial, Helvetica, sans-serif;
	color: #666;
}
.meta{
	display: block;
	border: 1px solid #C0BBB1;
	background: #E8E6E2 url(../img/bg_meta.png) repeat-x top center;
	color: #820851;
	padding: 5px 10px;
	margin: 5px 0;
}
.meta a{
	font-weight: bold;
	color: #820851;
}
.news_text ul, .news_text ol
{
	margin:15px 20px;
}
.page .post p{
	font: normal 13px/160% Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0
}
.post .center,
.center{
	display: block;
	text-align: center;
}
.post .caption{
	color: #AB2C81;
	font: bold 14px/100% arial, helvetica;
}
.post h2{
	border: 0px;
	margin: 10px 0 -5px 0;
	padding: 0px;
}
.butpur{
	display: inline-block;
	background-color: #9F0F6F;
	color: #fff;
	padding: 5px 20px;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 0 10px 0;
}
.butpur:hover{
	background-color: #24365d;
	text-decoration: none;
}
.realtime li{
	list-style: none;
	border-bottom: 1px dotted #666;
	font-size: 15px;
	padding: 7px;
	min-height: 50px;
}
.realtime li span{
	font-size: 12px;
}
.realtime li span a{
	font-weight: bold;
}
.realtime li img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.realtime li .rt{
	float: right;
	background-color: #24365d;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.realtime li .rt:hover{
	text-decoration: none;
	background-color: #CF118C;
}
.realtime li .add{
	display: block;
	float: left;
	width: 50px;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: -60px;
}
.realtime li .add a{
	color: #24365d;
}
.stepwrap{
	display: block;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
}
.stepwrap h3{
	color: #CF118C;
	font-size: 18px;
	padding-bottom: 10px;
}
.page .stepwrap p{
	font: normal 13px/120% Arial, Helvetica, sans-serif;
	color: #24365D;
}
.step{
	display: block;
	float: left;
	text-align: center;
	margin: 12px 12px 12px 0;
	font-size: 14px;
}
.step h4{
	font: bold 18px Arial, Helvetica, sans-serif;
	line-height: 100%;
	border: 0px;
	padding: 5px 0;
	margin: 0;
}
.step a{
	height: 50px;
	width: 182px;
	color: #fff;
	background-color: #C0BBB1;
	display: block;
	text-decoration: none;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.step a:hover,
.step a.on{
	background-color: #24365D;
}
.afterstep{
	color: #24365D;
	font: normal 13px Arial, Helvetica, sans-serif;
}
.afterstep p{
	margin-bottom: 10px;
	color: #24365D;
}
.afterstep label{
	margin-right: 5px;
	width: 100px;
	font-weight: bold;
}
.afterstep input[type=text]{
	font: normal 15px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 4px 5px;
	width: 400px;
	margin: 0px 10px 0 0;
	background-color: #FCFBFC;
	color: #333;
}
.afterstep button{
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
}
.afterstep button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.afterstep .
{
	border: 1px solid #ABABAB;
	background: url(../img/bgsubmit.gif) repeat-x top center;
	color: #333;
	font: bold 13px Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.afterstep .submit:hover{
	background: url(../img/bgsubmit.gif) repeat-x bottom center;
}
.afterstep .submit2{
	float: right;
	margin: 10px 50px 10px 0;
}
.afterstep .wbg{
	border: 1px solid #ababab;
	background: url(../img/form.gif) repeat-x top left;
	padding: 5px 10px;
	width: 360px;
	font-size: 13px;
	margin: 5px 0;
}
.afterstep .but{
	background-color: #AC2F82;
	padding: 5px 10px;
	color: #fff;
	margin: 2px;
}
.afterstep .label{
	margin-left: 97px;
}
.rect{
	display: block;
	background-color: #EDEAA4;
	padding: 10px;
	color: #000;
	margin: 20px 0;
}
.rect img{
	float: left;
}
.rect .addp{
	float: left;
	width: 340px;
	margin: 0 10px 0 15px;
}
.rect .delp{
	float: left;
	width: 160px;
	margin: 0 10px 0 10px;
}
.formstep{
	font-size: 13px;
	color: #333;
	margin: 0 0 40px 0;
}
.formstep label{
	font-weight: bold;
	width: 145px;
	display: inline-block;
	vertical-align: top;
	float: left;
	padding: 4px;
}
.formstep label.sh{
	width: 100px;
}
.formstep label.w300{
	width: 300px;
}
.formstep label.w270{
	width: 280px;
	font-weight: normal;
}
.formcon label{
	width: 175px;
	text-align: right;
	padding: 4px 0;
	margin-right: 25px;
}
.formstep input[type=text],
.formstep input[type=password],
.formstep textarea{
	font: normal 15px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 4px 5px;
	width: 240px;
	margin: 0px 37px 10px 0;
	vertical-align: top;
	background-color: #FCFBFC;
	color: #333;
}
.formstep input.w300{
	width: 300px;
}
.formstep input.w410{
	width: 410px;
	margin: 0 0 5px 0;
}
.formstep textarea.w410{
	width: 410px;
	margin: 0 0 5px 0;
}
.formstep textarea{
	height: 100px;
}
.formstep .inform{
	margin: 0px 0 5px 155px;
	font-size: 12px;
}
.formstep .desc{
	float: left;
}
.formstep .desc input[type=radio]{
	float: left;
	margin: 5px 10px 20px 5px;
}
.formstep .desc p{
	border: 1px solid #E6E6E6;
	width: 390px;
	height: 40px;
	padding: 5px;
}
.formstep .submit{
	border: 1px solid #ABABAB;
	background: url(../img/bgsubmit.gif) repeat-x top center;
	color: #333;
	font: bold 13px Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding: 3px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.formstep .submit:hover{
	background: url(../img/bgsubmit.gif) repeat-x bottom center;
}
.formstep .submit1{
	margin-left: 155px;
}
.formstep .submit2{
	margin-left: 180px;
}
.formstep .nick{
	font-size: 14px;
	padding: 5px 0 0 0;
	width: 140px;
	display: inline-block;
}
.formstep .full{
	font-size: 10px;
	width: 400px;
	display: inline-block;
}
.formstep .full strong{
	font-size: 14px;
	padding-left: 5px;
}
.formstep .pic{
	float: left;
	margin: 0 20px 0 0;
}
.formstep button,
.formm button{
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	padding: 5px 15px;
	font-size: 12px;
	cursor: pointer;
	margin: 0 0 10px 155px;
}
.formcon button{
	margin-left: 200px;
}
.formcon button.no{
	margin-left: 0px;
}
.formstep button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.formstep p{
	color: #FFF;
}
.formstep select{
	background: url(../img/form.gif) repeat-x top center;
	border: 1px solid #ABABAB;
	padding: 2px;
	margin: 0 0 7px 0;
}
.formstep button.go2,
.afterstep button.go2{
	float: right;
	background: #820851 url(../img/next.gif) no-repeat top right;
	color: #fff;
	font: bold 14px/28px Arial, Helvetica, sans-serif;
	height: 28px;
	padding: 0 20px;
	border: 0px;
	margin: 0px;
}
.formstep button.go1,
.afterstep button.go1{
	background: #820851 url(../img/back.gif) no-repeat top left;
	float: left;
}
.formstep button.go2:hover,
.formstep button.go1:hover,
.afterstep button.go2:hover,
.afterstep button.go2:hover{
	text-shadow: 0px;
	color: #edeaa4;
	text-shadow: none;
}
.ctr{
	margin: 0 100px;
}
/* formp */
.page .formp p{
	background-color: #E8E6E2;
	padding: 5px 7px;
	display: block;
	margin: 4px 0;
}
.page .formp p.big{
	font: bold 16px/140% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 10px;
}
.page .formp p.big span{
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #820851;
}
.page .formp p.big input[type=radio]{
	display: block;
	float: left;
	height: 45px;
	margin: 0 10px;
}
.page .formp p.big img{
	float: left;
	margin: -3px 15px 0 0;
}
.formp select,
.formm select{
	background: url(../img/bgbut.gif) repeat-x top left ;
	border: 1px solid #ababab;
	margin: 0 7px 0 0;
	padding: 3px;
}
.page .formp p.nop{
	background-color: transparent;
	font:bold 13px/130% Arial, Helvetica, sans-serif;
	margin: 15px 0 0 0;
	padding: 0px;
}
.page .formp p.norm{
	font-weight: normal;
}
.page .formp p.whr{
	margin: 0px;
}
.formp select.w200{
	min-width: 200px;
}
.formp button{
	margin-left: 160px;
}
.formp input[type=text]{
	margin: 0;
	vertical-align: middle;
}
.formp .pright{
	float: right;
}
.fright{
	display: block;
	width: 200px;
	padding: 10px;
	float: right;
}
.fright p{
	border: 1px solid #C0BBB1;
	font: normal 12px/130% Arial, Helvetica, sans-serif;
}
.fright select{
	
	margin: 10px 0;
}
.pageleft{
	display:block;
	float: left;
	width: 284px;
}
.pageright{
	display:block;
	float: right;
	width: 284px;
}
.pageleft .find{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #24365D;
	padding: 5px 0 0 0;
}
.pageleft .find input{
	border: 1px solid #ababab;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 225px;
	margin: 7px 5px 0 0;
}
.pageleft .find button{
	border: 0px;
	height: 28px;
	width: 28px;
	background: url(../img/go2.png) no-repeat top left;
	cursor: pointer;
	text-indent: -5000px;
}
.pageleft .find button:hover{
	background: url(../img/go2.png) no-repeat bottom left;
}
.pageleft h3,
.pageright h3,
.logtl h3{
	color: #fff;
	display: block;
	font: bold 15px arial, helvetica;
	background-color: #24365D;
	padding: 5px;
	margin: 20px 0 5px 0;
}
.pageleft h3 a,
.pageright h3 a,
.logtl h3 a{
	float: right;
	text-decoration: underline;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #fff;
}
.pageleft h3 a:hover,
.pageright h3 a:hover,
.logtl h3 a:hover{
	text-decoration: none;
}
.page .pageleft p,
.page .pageright p{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #666;
}
/*.pageleft ol li{
	list-style: none;
	margin: 5px 0;
	background: #E8E6E2;
	border: 1px solid #C0BBB1;
	font-size: 13px;
	padding: 3px 7px;
}
.pageleft ol li a{
	color: #000;
}*/
.pageright ol li,
.pageleft ol li{
	list-style: none;
	margin: 5px 0 0 0;
	border-top: 1px dotted #666;
	padding: 5px 0 0 0;
}
.pageright ol,
.pageleft ol{
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
}
.pageright .findmap{
	text-align: center;
	display: block;
	font-weight: bold;
}
.pageright .findmap h3{
	line-height: 18px;
	font-size: 18px;
	padding: 25px 0;
}
.pageright .findmap a{
	color: #24365D;
}
.findfind{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #24365D;
}
.findfind input[type=text]{
	border: 1px solid #ababab;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 225px;
	margin: 5px 5px 5px 0;
}
.findfind button{
	border: 0px;
	height: 28px;
	width: 28px;
	background: url(../img/go2.png) no-repeat top left;
	cursor: pointer;
	text-indent: -5000px;
	float: right;
	margin: -10px 0 0 0;
}
.findfind button:hover{
	background: url(../img/go2.png) no-repeat bottom left;
}
.page hr{
	border: 0 none;
	height: 1px;
	margin: 10px 0;
	color:#262B30;
	background:#262B30;
}
.page p{
	/*color: #333;*/
	/*line-height: 140%;
	margin: 10px 0;*/
}
.page form p{
	/*color: #24365d;
	color:#333*/
}
.comment{
	background-color: #EDEDED;
	display: block;
	padding: 20px 25px;
}
.comment h3{
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #000;
	padding: 10px 0;
}
.comment h3 a{
	font: bold 12px Arial, Helvetica, sans-serif;
	float: right;
}
.copost {
	display: block;
	padding: 5px 0;
}
.coleft{
	font: normal 11px Arial, Helvetica, sans-serif;
	width: 80px;
	float: left;
	color: #8d8d8d;
}
.coright{
	background-color: #fff;
	border: 1px solid #DCDDDD;
	width: 360px;
	padding: 20px 25px;
	float: right;
	font: bold 11px verdana, Arial, Helvetica, sans-serif;
}
.coright p{
	padding-bottom: 5px;
}
.coright .reply{
	margin-top: 40px;
	display: block;
	font-size: 10px;
}
.coright .quo{
	display: block;
	height: 35px;
	width: 45px;
	background: url(../img/coment.gif) top left no-repeat;
	position: absolute;
	margin: 0 0 0 -58px;
}
.postform textarea{
	width: 360px;
	height: 120px;
	font: bold 11px verdana, Arial, Helvetica, sans-serif;
	border: 0px;
	color: #666;
}
.postform input{
	border: 1px solid #DCDDDD;
	width: 400px;
	padding: 5px;
	font: bold 11px verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 128px;
	color: #666;
}
.postform button{
	float: right;
	padding: 5px 10px;
	background: url(../img/bgsubmit.gif) repeat-x top left;
	color: #CF118C;
	border: 1px solid #DCDDDD;
	font: bold 10px verdana;
	cursor: pointer;
	margin: 15px 0 0 0;
}
.postform button:hover{
	background: url(../img/bgsubmit.gif) repeat-x bottom left;
}
.findlist{
	display: block;
	text-align: center;
	font: bold 15px Arial, Helvetica, sans-serif;
	border: 2px solid #ccc;
	padding: 10px 5px;
	margin: 5px 0;
}
/* footer
.footer{

}
.footer a{
	color: #000;
}
.footer img{
	margin: 0 23px -17px 5px;
}
.footer1 .col{
	width: 220px;
	float: left;
}
.footer1 .col h4{
	font-size: 16px;
	font-weight: normal;
	color: #24365d;
	margin: 12px 0 0 3px;
	padding: 0px;
}
.footer1 .col h4 a{
	color: #24365d;
	font-weight: bold; 
}
.footer1 .col2{
	width: 165px;
	margin: 10px 10px 0 0;
	font-size: 13px;
	line-height: 120%;
}
.footer2{
	text-align: center;
	font-size: 13px;
	padding: 5px;
} */
/* noright */
.noright{
	width: 811px;
	margin: 0 0 0 20px;
}
.noright .footer img{
	margin: 0 40px -17px 20px;
}
.noright h2{
	margin-bottom: 10px;
}
.noright h2 form{
	font-size: 12px;
	float: right;
	color: #1B2846;
	font-weight: bold;
	margin: -5px 0 0 0;
}
.noright h2 form input{
	background: url(../img/form.gif) repeat-x top left;
	border: 1px solid #ababab;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 230px;
	margin: 0 5px;
}
.noright h2 form button{
	border: 0px;
	height: 28px;
	width: 28px;
	background: url(../img/go2.png) no-repeat top left;
	cursor: pointer;
	text-indent: -5000px;
}
.noright h2 form button:hover{
	background: url(../img/go2.png) no-repeat bottom left;
}
.jump{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #24365D;
	display: block;
	vertical-align: middle;
	padding: 30px 0 20px 0;
}
.jump form{
	float: right;
	margin: -5px 0 0 0;
}
.jump input{
	background: url(../img/form.gif) repeat-x top left;
	border: 1px solid #ababab;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 230px;
	margin: 0 5px;
}
.jump button{
	border: 0px;
	height: 28px;
	width: 28px;
	background: url(../img/go2.png) no-repeat top left;
	cursor: pointer;
	text-indent: -5000px;
}
.jump button:hover{
	background: url(../img/go2.png) no-repeat bottom left;
}
.catego{
	list-style: none;
	display: block;
	margin: 15px 0;
}
.catego li{
	display: inline;
	margin: 0 10px 0 0;
}
.catego li a{
	background-color: #C0BBB1;
	color: #fff;
	font: bold 13px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.catego li a:hover,
.catego li.on a{
	text-decoration: none;
	background-color: #9F0F6F;
}
.catego li.red a{
	background-color: #FF3300;
	margin: -5px 0 0 0;
	float: right;
}
.catego li.red a:hover{
	background-color: #E74800;
}
/* apa */
.apa{
	display: block;
	margin: 10px auto;
}
.apasih{
	display: block;
	float: left;
	border: 1px solid #CECDBD;
	background-color: #EBEAE6;
	width: 186px;
	height: 66px;
	margin: 4px;
}
.apasih:hover,
.apa .on{
	background-color: #C6C5B6;
}
.apasih img{
	float: left;
	margin: 7px;
}
.apasih h4{
	color: #820851 !important;
	font: normal 13px/100% Arial, Helvetica, sans-serif;
	width: 100px;
	float: left;
	display: block;
	border-bottom: 0px;
	margin: 0px;
}
.apasih p{
	display: block;
	float: left;
	margin-top: 4px;
}
.apasih p a{
	color: #2B420B;
}
.boxbot{
	background-color: #E8E6E2;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 0;
	margin: 10px 0;
}
.boxbot2{
	background-color: #820851;
}
.boxbot2 a{
	color: #fff;	
}
.selectr{
	width: 200px;
	padding: 2px 5px;
	background: url(../img/form.gif) repeat-x top left;
	border: 1px solid #ababab;
	margin: 0px;
}
.your{
	list-style: none;
}
.your li a{
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	border-bottom: 1px dotted #666;
	color: #333;
	font-size: 12px;
}
.your li a:hover,
.your li.on a{
	background-color: #E5E5DA;
	color: #820851;
	font-weight: bold;
}
.your li.manage a{
	color: #fff;
	background-color: #820851;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
}
.your li.manage a:hover{
	background-color: #1987BA;
}
.your li.indicate a{
	background-color: #CCFF00;
}
.boxtop{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	width: 190px;
	float: left;
}
.boxtop h5{
	font: bold 15px Arial, Helvetica, sans-serif;
	padding: 5px 10px; 
}
.boxtop textarea{
	border: 1px solid #CCCCCC;
	font: normal 13px Arial, Helvetica, sans-serif;
	margin: 0 10px;
	padding: 5px;
	height: 50px;
	width: 160px;
}
.boxtop button,
.box2  button{
	margin: 0 10px;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(../img/bgbut.gif) repeat-x top left;
	border: 1px solid #ababab;
	padding: 5px;
	cursor: pointer;
}
.boxtop button{
	margin: 10px;
}
.boxtop button:hover,
.box2  button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.boxtop p{
	margin: 0 10px;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #000;
}
.cen{
	margin: 0 6px;
}
.box2{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	padding: 5px 10px;
	margin: 10px 0 5px 0;
	font: bold 15px Arial, Helvetica, sans-serif;
}
.box2 input[type=text]{
	border: 1px solid #ccc;
	padding: 3px;
	width: 245px;
	height: 20px;
	margin: 0 0 0 20px;
}
.page .m0{
	margin: 0px;
}
.adminleft h3{
	background-color: transparent;
	color: #820851;
	padding: 0px;
	margin-bottom: 10px;
	font: normal 18px Arial, Helvetica, sans-serif;
}
.adminleft ul li{
	list-style: none;
	font: bold 13px/160% Arial, Helvetica, sans-serif;
}
.adminpage{
	margin-top: 25px;
}
.adminpage h3{
	font: bold 18px Arial, Helvetica, sans-serif;
}
.map7{
	float: left;
	margin: 0 20px 20px 0;
}
.mapnet label{
	color: #23355B;
	font: bold 12px/160% Arial, Helvetica, sans-serif;
}
.mapnet select{
	width: 200px;
	padding: 2px;
	background: url(../img/form.gif) repeat-x top left;
	border: 1px solid #ababab;
	margin: 5px 0;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.mapnet  button{
	margin: 10px 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: url(../img/bgbut.gif) repeat-x top left;
	border: 1px solid #ababab;
	padding: 5px;
	cursor: pointer;
}
.mapnet  button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.map8{
	float: right;
	width: 330px;
}
.box2 .q2 textarea{
	border: 1px solid #ccc;
	font: normal 13px Arial, Helvetica, sans-serif;
	height: 50px;
	width: 550px;
	padding: 5px;
	margin: 5px 0;
}
.box2 .q2 p{
	font: normal 13px Arial, Helvetica, sans-serif;
}
.box2 .r{
	float: right;
	margin: 0px;
}
.box2 .q2 h5{
	margin: 0px;
	padding: 10px 0;
}
.box2 .q2 button{
	margin: 10px auto;
	display: block;
}
.q3{
	font: normal 13px Arial, Helvetica, sans-serif;
}
.q3 h5{
	padding: 5px 0;
	margin: 0px;
}
.m75{
	margin-left: 75px;
}
.m75 img{
	position: absolute;
	margin: 35px 0 0 -70px;
}
.box2 .done{
	background: url(../img/bt_done.png) repeat-x top left;
	border: 1px solid #CC9900;
	margin-left: 100px;
}
.box2 button{
	margin: 10px 0;
}
.box2 select{
	background: url(../img/form.gif) repeat-x top center;
	border: 1px solid #ABABAB;
	padding: 2px;
}
.box3{
	background-color: #F5F5F0;
	border: 1px solid #D7D7C7;
	padding: 5px 10px;
	width: 265px;
	height: 40px;
	vertical-align: 100%;
}
.box3 img{
	float: right;
	margin: -15px 5px 0 5px;
}
.box3a{
	line-height: 300%;
}
.box3a img{
	margin: -30px 0 0 0;
}
.bl{
	float: left;
}
.br{
	float: right;
}
.orange{
	color: #D85300;
}
.rb{
	float: right;
	margin: -10px 0 0 10px;
}
html .answer{
	display: block;
	text-align: center;
	margin: 20px 0;
}
.answer a{
	color: #fff;
	background-color: #820851;
	font: bold 16px Arial, Helvetica, sans-serif;
	padding: 7px 50px;
}
.answer a:hover{
	background-color: #24365D;
	text-decoration: none;
}
h4 strong,
h4 select{
	float: right;
}
h4 a{
	font-weight: bold;
}
h4 select{
	background: url(../img/form.gif) repeat-x top left;
	border: 1px solid #ababab;
	padding: 2px;
	margin: -7px 10px	
}
.reanswer li{
	font-size: 13px;
	border-bottom: 0px;
	padding: 0px;
}
.reanswer li li div{
	padding-left: 50px;
}
.reanswer li li img{
	width: 38px;
	height: 38px;
	margin-top: 7px;
}
.reanswer li div{
	padding: 7px 7px 10px 10px;
	border-bottom: 1px dotted #666;
	margin: 0px;
}
.reanswer li img{
	margin-right: 20px;
	margin-bottom: 5px;
}
.viewall{
	float: right;
	font-size: 12px;
}
.open li{
	list-style-image: url(../img/li.png);
	font: normal 13px/140% Arial, Helvetica, sans-serif;
	margin-left: 20px;	
}
.categ a{
	color: #000;
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.categ a:hover{
	text-decoration: underline;
}
html .nop{
	padding: 0px;
	margin: 0px;
}
.aream{
	padding: 5px;
	font: normal 15px/130% Arial, Helvetica, sans-serif;
	color: #333;
	width: 580px;
	height: 110px;
	margin: 4px 0;
	border: 1px solid #ccc;
}
.aream2{
	height: 35px;
}
.pageleft .noh,
.pageright .noh{
	margin: 0 0 10px 0;
}
.findn{
	font: bold 13px Arial, Helvetica, sans-serif;
}
html .findn h3{
	margin-bottom: 10px;
}
.findn input[type=text]{
	border: 1px solid #ccc;
	padding: 4px;
	height: 20px;
	width: 225px;
	font: normal 15px Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 0;
}
.findn button{
	cursor: pointer;
	border: 1px solid #ababab;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px;
	float: right;
	margin: 5px 5px 0 0;
	background: url(../img/bgbut.gif) repeat-x top left;
}
.pageleft a{
	color: #000;
}
.step123{
	display: block;
	margin: 15px 0;
}
.step123 li{
	list-style: none;
	display: inline-block;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 0 4px 0 0;
}
.step123 li a{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	color: #333;
	padding: 7px 19px;
}
.step123 li a span{
	color: #CF118C;
}
.step123 .on a,
.step123 .on a span,
.step123 li a:hover,
.step123 li a:hover span{
	text-decoration: none;
	color: #fff;
	background-color: #820851;
}
.formap{
	float: right;
	width: 330px;
	margin-top: 10px;
}
sup{
	color: #CF118C;
}
.wmap{
	display: block;
	width: 370px;
	font: bold 12px/160% Arial, Helvetica, sans-serif;
}
.w450{
	width: 450px;
}
.wmap input[type=text]{
	width: 340px;
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #ccc;
	background-color: #fcfbfc;
	font: normal 15px Arial, Helvetica, sans-serif;
}
.wmap select{
	border: 1px solid #ABABAB;
	background: url(../img/form.gif) repeat-x top left;
	width: 200px;
	padding: 2px;
	margin: 5px 0;
}
.wmap select.w350{
	width: 350px;
}
.wmap select.w50{
	width: 70px;
}
.boxmap{
	background-color: #F5F4F0;
	padding: 10px;
	border: 1px solid #820851;
	font: normal 13px/120% Arial, Helvetica, sans-serif;
	color: #000;
}
.wmap input.w100{
	width: 90px;
	margin: 5px 10px;
}
.wmap input.w200{
	width: 190px;
	margin: 5px 10px;
}
.wmap button{
	border: 1px solid #ABABAB;
	background: url(../img/form.gif) repeat-x top left;
	font: bold 12px Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding: 5px 20px;
	float: right;
}
.wmap button.sb{
	float: left;
}
.wmap img{
	vertical-align: middle;
}
.wmap input[type=radio]{
	margin: 7px 0;
}
.wmap textarea{
	border: 1px solid #ccc;
	background-color: #FCFBFC;
	font: normal 15px Arial, Helvetica, sans-serif;
	padding: 10px;
	width: 430px;
	height: 180px;
	color: #333;
}
.wmap input.w400{
	width: 400px;
}
.wmap input[type=file]{
	margin: 0 20px;
}
.wmap .norm,
html .norm{
	font-weight: normal;
}
.boxgreen{
	background-color: #CCCC00;
	padding: 4px 10px; /*2px*/
}
.inpic img{
	margin: 0 1px;
}
.cbox{
	display: block;
	background-color: #E8E6E2;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 3px 0;
}
.cbox input[type=text]{
	border: 1px solid #ccc;
	background-color: #FCFBFC;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 4px 5px;
	margin: 0 10px;
}
.w490{
	width: 490px;
	margin: 0 10px;
}
.cbox button,
.bbox .button{
	border: 1px solid #ababab;
	background: url(../img/bgbut.gif) repeat-x top left;
	color: #333333;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 4px 10px;
	cursor: pointer;
}
.button:hover{
	text-decoration: none;
}
.cbox img{
	vertical-align: middle;
	margin: 0 10px;
}
.w110{
	width: 110px;
}
.bbox .r,
.cbox .r{
	float: right;
}
.bbox{
	display: block;
	border: 2px solid #ccc;
	margin: 5px 0;
	padding: 10px;
}
.bbox .flat{
	background-color: #820851;
	padding: 5px 20px;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 200px 
}
.bbox .flat:hover{
	text-decoration: none;
	background-color: #24365d;
}
.abox{
	display: block;
	border: 1px solid #ccc;
	margin: 5px 0;
	text-align: center;
	font: bold 20px Arial, Helvetica, sans-serif;
}
.map0{
	float: right;
	width: 307px;
}
.map0 p{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	display: block;
	padding: 5px 10px;
	font-weight: bold; 
	color: #333;
	margin: 5px 0;
}
.map0 p img{
	float: right;
}
.w0{
	float: left;
	width: 258px;
}
.blank3{
	margin: 10px 0;
}
.blank3 img{
	margin: 0 2px;
}
.r{
	float: right;
}
.status{
	background-color: #EAEAE1;
	display: block;
	padding: 10px;
}
.status textarea{
	border: 1px solid #ccc;
	padding: 5px;
	width: 555px;
	height: 70px;
	font: normal 15px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
.status button{
	float: right;
	padding: 5px 20px;
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	font-size: 12px;
	cursor: pointer;
}
.bg{
	background-color: #E5E5DA;
}
.bg2{
	background-color: #EAEBEF;
}
.bg3{
	background-color: #E8E6E2;
}
.realtime li .numero{
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #CCC8C0;
	float: right;
	margin: 0 10px;
}
.m50{
	margin-left: 70px;
}
.m40{
	margin-left: 60px;
}
.status2{
	background-color: #EBEAE6;
	padding: 5px;
	margin: 10px 0 0 80px;
}
.status2 textarea{
	padding: 5px;
	width: 440px;
	height: 20px;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #820851;
	border: 1px solid #ccc;
}
.status3{
	margin: 10px 0 0 0;
	border: 1px solid #C0BBB1;
	background-color: #E8E6E2;
}
.status2 textarea{
	width: 565px;
	color: #333;
}
.page .navy{
	color: #24365D;
}
.page .blu{
	color: #1987BA;
}
.option label{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #820851;
	width: 120px;
	display: inline-block;
	float: left;
}
.option p{
	float: right;
	width: 440px;
	padding: 5px;
	background-color: #EBEAE6;
	border: 1px solid #CECDBD;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 4px 0;
}
.option button , .option input[type=submit]{
	margin-left: 140px;
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
}
.formstep .w550{
	width: 550px;
}
.page .mle{
	margin: 0 0 0 155px;
}
.formstep .w350{
	width: 350px;
}
.sp{
	background-color: #E5E5DA;
	padding: 5px;
	border: 1px solid #C8C8B2;
	vertical-align: middle;
}
.formm textarea{
	font: normal 15px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
	width: 580px;
	background-color: #FCFBFC;
	color: #333;
	margin: 5px 0;
}
.blub{
	background-color: #CCE5FF;
	padding: 5px 10px;
	font-size: 15px;
}
.page form .pb{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	color: #820851;
	padding: 5px;
}
.page .alert,
.alert{
	background-color: #CF118C;
	font-size: 13px;
	padding: 5px 10px;
	margin: 0 0 4px 153px;
	color: #FFF;
}
.wright .alert{
	margin: 5px 0;
}
.page .alert3{
	margin: 0 0 4px 183px; 
}
.add2{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	padding: 5px 10px;
}
.h170{
	height: 170px;
}
.formm input[type=file]{
	margin: 0 0 10px 20px;
}
.formm input[type=text]{
	font: normal 15px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 5px;
	width: 580px;
	background-color: #FCFBFC;
	color: #333;
	margin: 5px 0;
}
.formm .cap{
	float: left;
	width: 100px;
}
.formm .tcap{
	width: 457px;
	float: right;
	margin-top: -10px;
}
.m130{
	margin-left: 130px;
}
.dyh img,
.dyh input,
.dyh p{
	float: left;
	margin: 0 20px 0 0;
	vertical-align: middle;
}
.dyh p{
	width: 400px;
}
.s42{
	display: inline-block;
	margin: 0 0 0 90px;
	vertical-align: top;
}
.cctv{
	text-align: center;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #F5F5F0;
	border: 1px solid #D7D7C7;
	margin: 7px;
	margin-bottom: 13px !important;
}
.cctv img{
	max-width: 550px;
	margin: 11px 11px 13px 11px;
	display:block;
}
.cctv p{
	margin: 0 11px 5px 11px;
	line-height: 110% !important;
}


.cctv2{
	margin: 7px 70px;
}
.cctv2 img{
	max-width: 426px;
}
.cctv3{
	margin: 7px 125px;
}
.cctv3 img{
	max-width: 315px;
}
.blu img{
	vertical-align: middle;
	margin: 0 0 0 40px;
}
.sebu select,
.sebu button{
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	padding: 5px 15px;
	font-size: 12px;
	cursor: pointer;
	margin: 0 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.sebu select{
	padding: 5px 2px;
	width: 200px;
	cursor: default;
}
.page .alert2{
	margin: 0px;
}
.badut{
	width: 90px;
	float: left;
	display: inline-block;
}
.badutnya{
	display: inline-block;
	float: right;
	width: 456px;
	font: normal 13px/140% Arial, Helvetica, sans-serif;
}
.badutnya button{
	background: url(../img/bgbut.gif) repeat-x top left;
	font-weight: bold;
	border: 1px solid #ABABAB;
	padding: 5px 15px;
	font-size: 12px;
	cursor: pointer;
	margin: 10px 50px 10px 0;
}
.crimemap .cbox input[type="text"]{
	width: 300px;
}
.crimemap .cbox input[type="text"].w110{
	width: 100px;
	margin: 0 5px 0 0;
}
.crimemap .cbox .w180{
	width: 170px;
	display: inline-block;
}
.crimemap .cbox img{
	margin: 0 5px;
}
.crimemap .bbox .flat{
	margin: 0 0 0 50px;
}
.limg{
	float: left;
	margin: 0 20px 0 0;
}
.credit{
	font-size: 11px;
	position:	absolute;
	margin: -45px 0 0 160px;
	color: #666;
}
.credit a{
	color: #666;
}
.locate{
	background-color: #E8E6E2;
	border: 1px solid #BAB4AA;
	margin: 10px 0 -10px 0;
	padding: 10px;
	color: #24365D;
}
.locate label{
	font: bold 18px Arial, Helvetica, sans-serif;
}
.locate input[type=text]{
	font: normal 15px Arial, Helvetica, sans-serif;
	background-color: #FCFBFC;
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 270px;
	margin: 0  10px 0 20px;
}
.locate p{
	margin: 0 0 0 90px;
	color: #24365D;
}
.locate select{
	background: url(../img/form.gif) repeat-x top center;
	border: 1px solid #ABABAB;
	padding: 5px;
}
.locate button{
	text-indent: -5000px;
	background: url(../img/go1.png) no-repeat top left;
	width: 36px;
	height: 28px;
	border: 0px;
	cursor: pointer;
	margin: 0 0 0 5px;
}
.about img{
	float: left;
	margin: 0 30px 10px 0;
}
.about{
	font: normal 13px/140% Arial, Helvetica, sans-serif;
}
.formstep .h190{
	height: 190px;
}
.formstep input.w310,
.formstep textarea.w310{
	width: 310px;
}
.share{
	display: block;
	margin: -35px 0 10px 0;
}
.adbox{
	background-color: #e8e6e2;
	border: 1px solid #C0BBB1;
	padding: 7px;
	margin: 10px 0;
	font: normal 12px/110% Arial, Helvetica, sans-serif;
}
.adbox p{
	padding: 5px 0;
	line-height:115%;
	color:#333333
}
.sideleft .purple,
.sideleft .purple a{
	color: #CF118C;
}
.pagination li{
	list-style: none;
	float: left;
}
.flash{
	background-color: #000;
	height: 300px;
	display: block;
}
.tabtab{
	list-style: none;
	position: absolute;
	margin: 276px 0 0 275px;
}
.tabtab li{
	float: left;
	display: inline;
	margin: 0 4px;
}
.tabtab a{
	background: url(../img/bg_tabtab.png) repeat-x top center;
	height: 24px;
	padding: 0 20px;
	display: block;
	font: bold 14px/24px Arial, Helvetica, sans-serif;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
}
.tabtab a:hover{
	text-decoration: none;
	background: url(../img/bg_tabtab.png) repeat-x bottom center;
}
.mapguide{
	display: block;
	height: 30px;
	margin: 10px 0 -11px 0;
}
.mapguide p{
	float: left;
	background: #CF118C url(../img/bg_mapguide.gif) repeat-x top center;
	font: normal 14px/30px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 10px;
	margin: 0px;
}
.mapguide .tabtab{
	list-style: none;
	position: inherit;
	float: right;
	margin: 0px;
}
.mapguide .tabtab li{
	margin: 0 0 0 5px;
}
.mapguide .tabtab a{
	padding: 0 10px;
	border: 1px solid #BAB4AA;
	line-height: 28px;
	height: 28px;
}
.img{
	width: 180px;
	float: left;
}
.afimg{
	float: right;
	width: 305px;
	font: normal 13px/140% Arial, Helvetica, sans-serif;
        overflow: hidden;
}
.afimg p{
	padding: 0 0 10px 0;
	margin: 0px;
        
}
.afimg .r{
	width: 175px;
}
.afimg .prevnext{
	padding: 0px;
}
.drnew label{
	width: 130px;
	font-weight: bold;
	display: inline-block;
}
.drnew input[type=text]{
	background-color: #EDEDE5;
	border: 1px solid #8E0000;
	font: normal 15px Arial, Helvetica, sans-serif;
	padding: 4px;
	width: 182px;
}
.drnew button{
	background: url(../img/bgbut.gif) repeat-x top left;
	border: 1px solid #ababab;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 10px;
	margin: 0 20px 0 10px;	
}
.drnew button:hover{
	background: url(../img/bgbut.gif) repeat-x bottom left;
	text-shadow: 1px 1px 1px #fff;
}
.drnew select{
	background: url(../img/bgbut.gif) repeat-x top left;
	border: 1px solid #ababab;
	padding: 3px;
	width: 200px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.drnew select.long{
	width: 290px;
}
.boxi{
	background:url(../img/blue_tile.jpg) repeat-x;
	border: 1px solid #194c75; 
	padding: 1px 0 4px 10px;
	;
	font-size:19px;
}
.boxi2{
	text-align: center;
	font-size: 17px;
	font-weight: normal;
}
.boxi3{
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: left;
}
.boxi img{
	vertical-align: middle;
}
.thumb{
	margin: 10px 0;
}
.thumb img{
	width: 75px;
	height: 75px;
	margin: 2px;
}


.formbox{
	border: 1px solid #C0BBB1;
	padding: 10px;
	margin: 10px 0;
	background:#0B2540;
	border:1px solid #194C75
}
.formbox .left{
	float: left;
	width: 117px;
	font-weight: bold;
}
.formbox .right{
	width: 360px;
	float: right;
}
.formbox textarea,
.formbox input[type=text]{
	background-color: #FCFBFC;
	border: 1px solid #ccc;
	width: 340px;
	padding: 4px;
	font: normal 14px Arial, Helvetica, sans-serif;
	margin: 5px 0;
}
.formbox textarea{
	height: 170px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.formbox label{
	font-weight: bold;
}
.formbox button{
	margin-left: 210px;
	background: url(../img/bgbut.gif) repeat-x top center;
	border: 1px solid #ababab;
	padding: 5px 10px;
	font-weight: bold;
	cursor: pointer;
}
.formbox button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.comp{
	font: normal 12px/160% Arial, Helvetica, sans-serif;
	margin: 10px 0;
}
/*.wleft{
	float: left;
	width: 300px;
}
.wright{
	float: right;
	width: 575px;
}
.wleft hr,
.wright hr{
	border-top: 0px;
	border-bottom: 1px dotted #666;
	height: 0px;
	margin: 10px 0;
}
.wleft h3{
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #CF118C;
	margin: 50px 0 0 0;
	padding: 5px 0;
}
.wleft p{
	font: normal 15px/130% Arial, Helvetica, sans-serif;
	padding: 5px 0;
}
.wleft h3.box{
	color: #fff;
	background-color: #CF118C;
	border: 0px;
	margin: 10px 0 0 0; 
	padding: 5px 10px;
	font: bold 15px Arial, Helvetica, sans-serif;
}
.wleft ul{
	list-style: none;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.wleft li{
	border-top: 1px dotted #666;
	padding: 10px 0;
}
.wleft li a{
	color: #333333;
}
.wleft li a:hover,
.wleft li a.on{
	color: #CF118C;
	text-decoration: none;
}
.wleft .boxo{
	border: 1px solid #820851;
	background-color: #E8E6E2;
	padding: 10px;
	font: normal 13px/130% Arial, Helvetica, sans-serif;
	margin: 20px 0;
}
.wright h2{
	font: normal 24px/46px Arial, Helvetica, sans-serif;
}
.wright h3{
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
	color: #CF118C;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 10px 0;
}
.wright .box{
	border: 1px solid #C0BBB1;
	padding: 10px;
	margin: 10px 0;
}
.bleft{
	width: 180px;
	float: left;
}
.bleft p{
	font: normal 12px/120% Arial, Helvetica, sans-serif;
	padding: 20px 0;
}
.bleft h4{
	font: bold 17px Arial, Helvetica, sans-serif;
}
.bright{
	width: 350px;
	float: right;
}
.bright label{
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 5px 0;
}
.bright label span{
	font-weight: normal;
	color: #CF118C;
}
.bright input[type=text],
.bright textarea,
.bright .cb{
	background-color: #FCFBFC;
	background-image: none;
	border: 1px solid #ccc;
	padding: 4px;
	font: normal 14px Arial, Helvetica, sans-serif;
	width: 330px;
	margin: 7px 0;
	color: #333;
}
.bright .cb{
	font: bold 12px Arial, Helvetica, sans-serif;
}
.bright textarea{
	height: 280px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.bright p{
	margin: 0 0 10px 0;
	padding: 0px;
	line-height: 100%;
}
.boxe{
	background-color: #000;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
	font-weight: bold;
}
.boxe h4{
	font: bold 25px Arial, Helvetica, sans-serif;
	float: left;
	width: 200px;
	text-align: center;
}
.bright select,
.bleft .file{
	border: 1px solid #ababab;
	margin: 5px 0;
	padding: 2px;
	background: url(../img/bgbut.gif) repeat-x top left;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.bleft .file{
	padding: 5px 20px;
	color: #333;
}
.bright img{
	float: left;
	margin: 0 20px 0 0;
}
.bright button{
	margin: 0px;
	padding: 5px 20px;
}
.wright p.top{
	padding: 10px 0;
	font: normal 13px/140% Arial, Helvetica, sans-serif;
}*/

.ncb{
	width: 360px;
}
.ncb .cb{
	font-weight: normal;
	margin: -1px 0 0 0;
	padding: 7px;
	background-color: #fff;
}
.dir label{
	font-weight: bold;
	width: 253px;
	display: inline-block;
}
.dir sup{
	font-weight: normal;
}
.dir input[type=text],
.dir input[type=password]{
	width: 240px;
	height: 20px;
	padding: 4px 5px;
	background-color: #FCFBFC;
	border: 1px solid #ccc;
	margin: 5px 0;
}
.dir input.w150{
	width: 150px;
}
.dir img{
	vertical-align: middle;
	margin: 0 3px;
}
.dir .rety{
	margin-left: 185px;
}
.bsu{
	border-top:1px solid #262B30;
	border-bottom:1px solid #262B30;
	padding: 7px 5px;
}
.bsu button{
	margin-left: 255px;
	background: url(../img/bgbut.gif) repeat-x top center;
	border: 1px solid #ababab;
	padding: 5px 10px;
	font-weight: bold;
	cursor: pointer;
}
.bsu button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.dirad label{
	font-weight: bold;
	padding: 7px 0;
	display: inline-block;
}
.dirad input[type=text],
.dirad input[type=password]{
	padding: 4px 5px;
	border: 1px solid #ccc;
	width: 340px;
	height: 20px;
}
.wright h3 a{
	float: right;
}
.bra{
	border: 1px solid #ccc;
	background-color: #FCFBFC;
	padding: 10px 20px;
	margin: 5px 0;
	font-weight: bold;
}
.bra .r{
	font-weight: normal;
}
.fotolist{
	margin: 10px 0;
	position:relative;
	
}
.fotolist img,
.fotolist input[type=checkbox],
.fotolist p{
	float: left;
}
.fotolist img{
	margin: 0 20px 0 0;
}
.fotolist p{
	margin: 6px 20px;
	width: 65%;
}
.fotolist .edit, .fotolist input[type=checkbox]
{
position:relative;
margin-top:15px;
color:#CF118C
}
.fotolist .edit
{
 cursor:pointer
}
.edit_right
{
	line-height:60px;
}
.fotolist .edit{
	float: right;
}
.news_fotolist
{
	border-bottom:1px dotted #666;
	padding: 5px 0;
}
.news_fotolist img,
.news_fotolist input[type=checkbox],
.news_fotolist p{
	float: left;
}
.news_fotolist img{
	margin: 0 22px 0 0;
}
.news_fotolist p{
	margin: 10px 18px;
	width: 70%;
	color:#666666
}
.news_fotolist input[type=checkbox]{
	margin: 18px 0 0 0;
}
.news_fotolist .edit {
	line-height:40px;
}
.news_submit
{
	padding:10px 0 5px 118px;
}
.gr_btn
{
	background:url(../img/gr_btn.gif) repeat-x !important
}
.news_submit input.gr_btn
{
	float:right;
	
}
button,
input[type=submit], input[type=reset],
.rightlit select{
	background: url(../img/bgbut.gif) repeat-x top left;
	border: 1px solid #ABABAB;
	padding: 4px 10px;
	cursor: pointer;
	font: bold 13px Arial, Helvetica, sans-serif;
}
button:hover{
	text-shadow: 1px 1px 1px #fff;
}
.nolabel{
	margin: 0 0 0 120px;
}
.labelf{
	float: left;
	width: 120px;
}
.fotor{
	float: left;
	width: 350px;
}
.fotor img{
	vertical-align: middle;
	margin: 0 0 10px 20px;
}
.fotor textarea,
.fotor input[type=text]{
	background-color: #FCFBFC;
	border: 1px solid #ccc;
	padding: 5px;
	width: 370px;
	height: 40px;
	font: normal 15px Arial, Helvetica, sans-serif;
}
.fotor input[type=text]{
	height: 20px;
	margin: 5px 0;
}
.fotor textarea.tall{
	height: 310px;
}
.fotor button{
	margin-left: 0px !important;
}
.wright .img{
	width: 120px;
}
.wright h4{
	padding: 5px 0;
}
.pay{
	border: 1px solid #820851;
	background-color: #E8E6E2;
	font: bold 18px Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	margin: 5px 0;
}
.pay label{
	width: 150px;
	display: inline-block;
}

.faded{
    opacity:0.5;
    filter:alpha[opacity=50];
}

.leftlit{
	float: left;
	width: 180px;
}
.rightlit{
	display: inline-block;
}
.newmap{
	display: block;
	min-height: 336px;
	background: url(../img/bgnewlanding.png) repeat-x top center;
}
.page .darkblue{
	color: #24365D;
	margin: 0;
}
.mapland{
	float: right;
	margin: 10px;
}
.text{
	float: left;
	width: 175px;
	margin: 10px 0 0 10px;
}
.text h2{
	text-indent: -5000px;
	display: block;
	height: 124px;
	width: 171px;
	background: url(../img/whatcanyoudo.png) no-repeat top left;
	padding: 0px;
	border: 0px;
}
.see a{
	display: block;
	height: 32px;
	width: 151px;
	text-indent: -5000px;
	background: url(../img/seenext.gif) no-repeat top left;
}
.see a:hover{
	background: url(../img/seenext.gif) no-repeat bottom left;
}
.join a{
	display: block;
	height: 21px;
	width: 175px;
	text-indent: -5000px;
	background: url(../img/jaoinusnow.png) no-repeat top left;
}
.join a:hover{
	background: url(../img/jaoinusnow.png) no-repeat bottom left;
}
.ml{
	margin-left: 100px;
}
.boxleft{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	color: #333;
	padding: 10px;
	margin: 13px 0 15px 0;
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.boxleft h4{
	font: bold 17px Arial, Helvetica, sans-serif;
	color: #820851;
	padding-bottom: 5px; 
}
.abuse{
	position: absolute;
	margin: 0 0 0 250px;
}
.postab{
	margin: 15px 0 6px 0;
}
.postab ul{
	list-style: none;
	margin-left: 12px;
}
.postab ul li{
	display: block;
	float:left;
	position:relative;
}
.postab ul li a{
	background: url(../img/postab.png) no-repeat left bottom;
	display: block;
	height: 52px;
	margin-left: -12px;
	z-index: 1;
	padding: 0 20px 0 25px;
	color: #333;
	font-size: 16px;
	line-height: 0px;
	
}
.postab ul li.first_tab a{
	background-position:-20px bottom;
	border-left:1px solid #aaa;
	padding-left:10px
}
.postab ul li.first_tab a:hover{
	background-position:-20px top;
}
.postab ul li.first_tab_on a
{
	background-position:-20px top !important;
}
.postab ul li span
{
	display:block;
	height:7px;
	background:#820851;
	display:none;
	margin-top:2px;
	position:relative;
	left:-11px;

}
.postab ul li.last_tab
{
	margin-bottom:9px;
}
.postab ul li.last_tab span
{
	position:absolute;
	right:-4px;
}
.postab ul li a strong{
	color: #CF118C;
	font-size: 13px;
	line-height: 36px;
}
.postab ul li.on a,
.postab ul li a:hover{
	background: url(../img/postab.png) no-repeat left top;
	text-decoration: none;

}
.postab ul li.on span, .postab ul li:hover span
{
	display:block;
}
.postab ul li a.first_tab
{
	background-position:-20px bottom;
	border-left:1px solid #aaa;
	padding-left:20px;
}
.postab ul li a.firsttab_on
{
	background-position:-20px top;
}

.postab ul li a.end,
.postab ul li a.end:hover{
	background: url(../img/end.png) no-repeat top right;
	margin-left: -33px;
}
.butad{
	border: 1px solid #D85300;
	background: url(../img/bg_adbutton.png) repeat-x top center;
	color: #000000 !important;
	font: bold 13px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	padding: 3px;
	margin: 5px 0 0 0;
	text-shadow: 1px 1px 1px #fff;
}
.butad:hover{
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
.phase{
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
	background-color: #EFEEEC;
	font-size: 14px;
	padding: 5px 10px;
	color: #333;
}
.page .phase0{
	margin-top: -1px;
}
.radios input[type=radio]{
	float: left;
	margin: 10px 0 0 5px;
}
.radios p{
	margin: 0 0 0 30px;
}
.posts button, .posts input[type=submit]{
	margin: 10px 0 10px 120px;
	padding: 5px 30px;
}
.posts select{
	margin: 5px 0 0 30px;
	background: url(../img/form.gif) repeat-x top center;
	border: 1px solid #ABABAB;
	padding: 2px;
	width: 250px;
}
.botbox{
	background-color: #F5F4F0;
	border: 1px solid #820851;
	padding: 10px;
	color: #000;
	font-size: 13px;
	line-height: 120%;
}
.wmap2{
	width: 235px;
}
.wmap2 input[type=text]{
	width: 230px;
}
.wmap2 input.w100{
	width: 90px;
}
.wmap2 select{
	margin-left: 0px;
	width: 190px;
}
.same{
	display: inline-block;
	width: 60px;
}
.longs input[type=text],
.longs2 textarea{
	font: normal 15px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 4px 5px;
	width: 578px;
	margin: 5px 0 10px 0;
	background-color: #FCFBFC;
	color: #333;
}
.longs2 textarea{
	height: 120px;
}
.longs label{
	font-weight: bold;
	line-height: 150%;
}
.posts .fotor button{
	margin-left: 0px;
}
.posts .no{
	margin-left: 30px;
}
.key{
	float: left;
	border: 1px solid #C5C0B8;
	background-color: #F0EFED;
	width: 260px;
	padding: 10px;
	margin: 0 20px 15px 0;
}
.keyr{
	margin: 0 0 15px 0;
	float: right
}
.key label{
	font-weight: bold;
}
.key input[type=text]{
	font: normal 15px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 4px 5px;
	width: 160px;
	margin: 0 0 0 15px;
	background-color: #FCFBFC;
	color: #333;
}
.page .pleasenote p{
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding: 8px 20px;
	background-color: #820851;
	line-height: 120%;
	margin: 0px;
}
.page .pleasenote h4 a{
	text-indent: -5000px;
	margin: -5px 0 20px 0;
	height: 50px;
	width: 590px;
	background: url(../img/approove.png) no-repeat top left;
	display: block;
}
.page .pleasenote h4 a:hover{
	background: url(../img/approove.png) no-repeat bottom left;
}
.signjoin{
	float: left;
	width: 200px;
	text-align: center;
	background-color: #24365D;
	height: 56px;
	display: block;
}
.signjoin a{
	color: #fff;
	text-decoration: none;
}
.signjoin a:hover{
	text-decoration: underline;
}
.signjoin p{
	padding: 10px 0;
	color: #fff;
	margin: 0px;
	font-size: 13px;
}
.commentidea{
	margin: 10px 0;
}
.connect{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	float: right;
	height: 54px;
	width: 384px;
	text-align: center;
}
.connect p{
	padding: 5px 0;
	margin: 0px;
}
.commentx{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	display: block;
	padding: 10px;
	margin: 5px 0;
	line-height: 200%;
}
.commentx button{
	float: right;
	margin: 5px 0 0 0;
}
.commentx textarea{
	border: 1px solid #ccc;
	font: normal 15px/120% Arial, Helvetica, sans-serif ;
	color: #333;
	padding: 5px;
	width: 556px;
	height: 70px;
}
.commentx hr{
	margin: 5px 0;
}
.or{
	display: block;
	background: url(../img/bg_or.png) no-repeat center;
	height: 56px;
	background-color: #D7D3CD;
	border: 1px solid #C0BBB1;
	margin-top: 5px;
}
.orr,
.orl{
	width: 40%;
	float: left;
	padding: 7px 10px;
}
.orl{
	font-size: 15px;
	padding: 10px 15px;
}
.orr{
	float: right;
	text-align: center;
}
.orr img{
	margin: 5px;
}
.logged{
	background-color: #E8E6E2;
	border: 1px solid #C0BBB1;
	padding: 10px;
	color: #666;
}
.logged .avatar{
	float: left;
	margin: 0 10px 0 0;
}
.logged hr{
	margin: 8px 0;
}
.logged img{
	vertical-align: middle;
}
.logged .f14 a{
	color: #24365D;
}
.logged .r{
	font-size: 11px;
}
.logged .blue{
	color: #24365D;
}
.blue{
	color: #24365D;
}
.commentx .off{
	opacity: 0.5;
}
.more{
	background-color: #FFFF90;
	padding: 7px 0 7px 70px !important;
}
.more a{
	color: #000;
}
.more img{
	margin: 0 10px 0 0 !important;
	vertical-align: middle;
}
.popimg img{
	margin: 3px;
}
.bug{
	background: url(../img/bgnav.gif) repeat-x top left;
	display: block;
	border: 1px solid #BAB4AA;
	text-align: center;
	font: bold 11px/24px Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #fff;
	margin: 0 0 5px 0;
}
.bug img{
	vertical-align: middle;
	padding: 2px 2px 2px 0;
}
.bug:hover{
	text-decoration: none;
	text-shadow: 1px 1px 1px yellow;
}
.navar{
	list-style: none;
	margin-top: 5px;
}
.navar li a{
	text-decoration: none;
	border: 1px solid #BAB4AA;
	background: #AFA89D url(../img/bgnav.gif) repeat-x top left;
	display: block;
	font-weight: bold;
	color: #000;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 5px;
	letter-spacing: -1px;
}
.navar li a:hover{
	text-shadow: 1px 1px 1px #fff;
}
.page .nublu,
.page .nublu a{
	color: #005783;
}
.content .cleft{
	float: left;
	width: 200px;
}
.content .cleft img{
	margin-bottom: 10px;
}
.content .cright{
	float: right;
	width: 390px;
}
.content p{
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	line-height: 140%;
}
.content .r{
	padding-right: 25px;
	text-align: right;
	width: 175px;
}
.formcon input.am{
	width: 150px;
	background-color: #FFFF33;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 0 5px;
}
.page .formcon .alert{
	margin: 0 70px 0 200px;
}
.boxpost{
	background-color: #EFEEEC;
	padding: 10px;
	border: 1px solid #820851;
	color: #333;
	margin: 0 0 10px 0;
}
.page .boxpost p{
	padding: 0px;
	margin: 0 0 5px 0;
	font: normal 14px/120% Arial, Helvetica, sans-serif;
}
.page .post .alertn{
	background-color: #CCFF33;
	font: normal 14px/120% Arial, Helvetica, sans-serif;
	padding: 5px 10px;
}
.posts select.no{
	margin: -5px 0 10px 0;
}
.steps{
	border: 1px solid #444;
	display: block;
	font: bold 13px/140% Arial, Helvetica, sans-serif;
	padding: 10px 10px 20px 10px;
	margin: 0 0 5px 0;
	z-index: 1;
}
.steps img{
	float: left;
	padding: 0  20px 10px 0;
}
.mapmap{
	margin-top: -50px;
	z-index: -1;
	position: relative;
}
.page .emergen{
	font: normal 14px/160% Arial, Helvetica, sans-serif;
}
.ifyou{
	background-color: #E6E6DE;
	padding: 5px 20px;
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
}
.mygate_01 {margin:10px 0;}
.credit_card {
	margin:8px 0;
	padding:8px 20px 1px 20px;
	background:#E6E6DE;
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
}
.secure {
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#820851;
	padding-right:20px;
	vertical-align:top;
	line-height:29px;
}
.mygate_img {
	width:145px;
	height:36px;
	display: inline-block;
	background: url(../img/mygate01.jpg) no-repeat bottom left;
}
.master_visa {
	width:105px;
	height:34px;
	display: inline-block;
	background: url(../img/master_visa.jpg) no-repeat center right;
}

.mygate{
	margin: 1px 0;
	font-weight: bold;
}
.mygate label{
	text-align: right;
	width: 160px;
	display: inline-block;
	padding: 10px 20px 10px 0;
}
.mygate input[type=text]{
	width: 250px;
	padding: 5px;
	font: normal 14px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
}
.mygate select{
	background: url(../img/bgbut.gif) repeat-x top center;
	border: 1px solid #ababab;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5px 0 0;
}
.mygate .no{
	opacity: 0.5;
}
/* TAMBAHAN LABEL BUDI */
label.error {
    background-color: #CF118C;
    font-size: 13px;
    padding: 5px 10px;
    margin: 2px 0 2px 257px;
    color: #fff;
    width:233px;
}
#landing_login label.error {
    display:block;
    margin-left:0;
    width:160px;
    font-size:11px;
}
#form_your_info p , #home_info_form p, #settings_form p{
    position:relative;
    height:26px;
    line-height:26px;
}
#form_your_info label.error ,#home_info_form label.error, #settings_form label.error {
    height:20px;
    line-height:20px;
    margin:0;
    position:absolute;
    right:-155px;
    top:3px;
    width:140px;
}
#location_form label#warning, #network_form label#error_create {
    margin-left:0;
    width:310px;
}
label.error:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}

#network_city{
    background: url(../img/bgbut.gif) repeat-x top left;
    border: 1px solid #ABABAB;
    padding: 3px 5px 4px 5px;
    font-size: 12px;
    height: 20px;
    cursor: pointer;
    text-indent: 0;
    height: inherit;
    width: inherit;
    font-weight: normal;
}
#network_city:hover{
    text-shadow: 1px 1px 1px #fff;
}
#province{
    background: url(../img/form.gif) repeat-x top left;
    border: 1px solid #ababab;
    font: bold 12px arial;
    padding: 4px 4px 5px 4px;
    width: 140px;
    margin: 0 5px;
}
#address{
    margin-top: 1px;
}
#show_address_button{
    background: url(../img/go1.png) no-repeat top left;
    width: 36px;
    height: 28px;
    padding: 0px;
    text-indent: -5000px;
    border: 0px;
}
#filter_submit{
    font-size: 16px;
}
html ul.bbox{
    margin: 0px !important;
}
#retractable_panel{
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}
.crime{
    margin-bottom: 0px;
    display: block;
    float: left;
}
.addthis_toolbox addthis_default_style{
    margin-right: 0px !important;
}
/*#recaptcha_widget_div{
    margin-left: 150px;
}*/
.formbox .right #recaptcha_widget_div{
    margin-left: 0;
}
/*budi nambah slider*/
#newmapwrap {
    width:590px;
    height: 340px;
    position:relative;
    overflow: hidden;
}
#newmaps {
    width:500em;
    position:absolute;
    height:340px;
}
.newmap{
    display: block;
    float:left;
    min-height: 336px;
    width:590px;
    background: url(../img/bgnewlanding.png) repeat-x top center;
}

.locate input[type="submit"] {
    background:url("../img/go1.png") no-repeat scroll left top transparent;
    border:0 none;
    cursor:pointer;
    height:28px;
    margin:0 0 0 5px;
    text-indent:-5000px;
    width:36px;
}
.fb_like{
	float:left;
	background-color: #F5F5F0;
	width: 70px;
	overflow:hidden;
	margin-right:10px;
}

.socialnet_share {
	float: right;
	background-color: #F5F5F0;
	border: 1px solid #CF118C;
	padding: 9px 10px 3px 10px;
	width: 487px;
	margin-bottom:10px;
	vertical-align: 100%;
	color:#333;
	margin-top:10px;
}

.socialnet_share a{
	color:#CF118C;
	}
	
.fb_text, .share_text {
	float:left;
	width:auto;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
.share_text { 
	color: #044DAC;
    font-size: 19px;
    margin-left: 72px;
    width: 165px !important;
}

.fb_right {
	text-align:center;
	float:center;
	padding:0 0 0 10px;
	width:230px;
}
.share_right {
	float:left;
	padding:3px 3px;
	min-width: 150px;
	background:#fff
}

.formstep button.orange_button{
	background:url("../img/bgbut_orange.gif") repeat-x scroll left top transparent ;
}
.dir_searchtxt
{
	background:#edede5 !important;
	border:1px solid #8E0000 !important;
	color:#333333 !important;
}
.dir_go_btn
{
	background:url(../img/gonew.gif) no-repeat left top !important;
	height:26px;
	width:40px;
	border:none !important;
}

.page form  .dir_add_signup
{
	font-size:13px;
}
.page form .dir_add_signup p
{
	color:#000;
}
.select_label
{
	float:left;
	margin:15px 20px 8px 0;

}
.select_image
{
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 0px;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:62px; height:62px;
	float:left;
}
.select_image img
{
	margin:0 !important;
}
.img_select_addmore
{
	padding-top:5px;
}
.select_textarea 
{
	clear:both;
	margin-bottom:7px;
}
.select_textarea textarea
{
	margin-top:7px;
}

.mb0
{
	margin-bottom:0 !important
}

.categories_div
{
    float:left;
    width:400px;
}

.categories_div select{
	background: url(../img/form.gif) repeat-x top center;
	border: 1px solid #ABABAB;
	padding: 2px;
}

#article_number_div{
    float:right;
}

#article_number_src{
	width:50px;
    height:21px;
    border:1px gray solid;
}


/*added*/
/*** HEADER **/


.body_section
{
text-align:left
}

/** FOOTER **/
.login_btn
{
	background:none;
	border:none !important;
	background:url(../img/submit_arrowBtn.png);
	height:48px;
	width:146px;

}
.required
{
 color:#CF118C
}

button, input[type=submit], input[type="button"], input[type="file"]{
	background: url(../img/bgbut.gif) repeat-x top left;
	border: 1px solid #ABABAB;
	padding: 4px 10px;
	cursor: pointer;
	font: bold 13px Arial, Helvetica, sans-serif;
}
